<template>
  <div class="book_card_list">
    <span>{{title}}</span>
    <book-card v-for="item in booklist.books.slice(0,10)"
               :key="item.id"
               :item="item" />
  </div>
</template>

<script>
import BookCard from "@/components/BookCard"

export default {
  name: 'BookCardList',
  components: {
    BookCard
  },
  props: ['booklist', 'title'],
  data () {
    return {

    };
  },



  computed: {},

  beforeMount () { },

  mounted () { },

  methods: {},

  watch: {}

}

</script>
<style  lang="less"  scoped>
.book_card_list {
  background-color: #fff;
  padding: 10px 0;

  span {
    font-weight: 700;
    border-left: 2px red solid;
    padding-left: 10px;
  }
}
</style>